리액트 (React) 시작하기

React 개발 환경 구축

1. node.js 설치

1.1 Linux or Mac OS 환경

nvm을 설치 스크립트 다운로드 및 실행

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

nvm을 이용한 Node.js 설치

node.js를 설치하면 npm 및 npx가 함께 설치된다.

$ nvm install --lts

1.2 Windows 환경

Node.js 공식 홈페이지 참고 윈도우 환경에서는 Git for Windows를 설치하고 Git Bash를 통해 아래 명령어를 사용한다.

2. yarn 설치

npm(Node.js의 패키지 관리자)을 이용하여 yarn 설치

$ npm install --global yarn

4. CRA를 이용한 리액트 프로젝트 생성

$ npx create-react-app my-app

5. 리액트 앱 실행

아래 명령어는 개발 서버를 실행하고 브라우저에 자동으로 페이지가 열리면서 리액트 앱(http://localhost:3000/)이 실행된다.

$ cd my-app
$ yarn start